<%
//主页
layout("/inc/layout.html",{
title:'智慧洛龙',
keywords:'智慧洛龙',
description:'智慧洛龙',
style:'index.css'
}){
%>

<nav class="navbar navbar-default">
	<div class="container">
		<div class="navbar-header">
		<button type="button" class="navbar-toggle pull-right collapsed" data-toggle="collapse" data-target="#navbar-collapse1" aria-expanded="false">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
			<a class="navbar-brand" href="#">服务项目</a>
		</div>
		<div class="collapse navbar-collapse" id="navbar-collapse1">

			<ul class="nav navbar-nav">
				<% if(isNotEmpty(cateList)){
				 for(cate in cateList){
				 if(cate.id!=27){ 
				 %>
				<li class=${cate.id==cateId?"active"}><a
					href="${cate.url!}"><b>${cate.title!}</b></a></li> <%} }}%>
			</ul>
		</div>
	</div>
</nav>

<section class="container">
<div class="row mt15">
    
            <div class="panel panel-info">

<div class="panel-heading">
			<div class="tabbable" id="tabs">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#theme" data-toggle="tab">按主题</a></li>
						<li><a href="#crowd" data-toggle="tab">按特定人群</a></li>
						<li><a href="#life" data-toggle="tab">按人生事件</a></li>
						<li><a href="#dept" data-toggle="tab">按部门</a></li>
					</ul>
					<div class="tab-content mt15">
						<div class="tab-pane active" id="theme">
						

				<div class="row  mt15 text-center ">
 					<div class="col-xs-6 col-sm-2 col-md-2">
					<div class="thumbnail">
						<a href="/list/${cateId!}"
							class="btn btn-primary ${mainId==null?"":"btn-outline"}  btn-lg btn-block ">
							全部 </a>
					</div>
				</div>
					<% if(isNotEmpty(mainList)){ for(main in mainList){ %>
					<div class="col-xs-6 col-sm-2 col-md-2">
					<div class="thumbnail">
						<a href="/list/${main.cateId!}/${main.id!}"
							class="btn btn-primary   ${mainId!=null&&main.id==mainId?"":"btn-outline"}  btn-lg btn-block">
							${main.title!} </a>
						</div>
					</div>
					<%}}else{%>
					<div class="col-sm-12">
						<div class="text">暂时无相关办理事项</div>
					</div>
					<%}%>
				</div>
				
						</div>
						 <div class="tab-pane" id="crowd"></div>
						  <div class="tab-pane" id="life"></div>
						   <div class="tab-pane" id="dept"></div>
					</div>
				</div>
	</div>
			<div class="panel-body">
			

			 <h2>${cateTitle!}事项</h2>
              <hr></hr>
              	<div class="col-sm-12">
              <% if(isNotEmpty(list)){ for(item in list){ %>
					<div class="media">
						<div class="media-body">
						 <h3> 
						  <a href="/detail/${item.unid!}" >${item.serviceName!}</a>
						</h3>
						</div>
						
						   
						<div class="media-right hidden-xs">
                            <div class="media-heading">
                            <input id="input-id" type="number" class="satr-rating" value="5" >
                            </div>
                        </div>
						
	    
							<div class="media-bottom">
							<div class="pull-right">
							    <a href="/detail/${item.unid!}" class="btn btn-primary btn-outline"><i class="iconfont icon-zhinanzhen" aria-hidden="true">办事指南</i></a>
                               <a href="${item.webApplyUrl!}" class="btn btn-primary btn-outline"><i class="iconfont icon-qianzhengbanli" aria-hidden="true">在线办理</i></a>
							 <a href="javaScript:alert('暂时无法评价！')" class="btn btn-primary btn-outline"><i class="iconfont icon-pingjia" aria-hidden="true">评价</i></a>
							</div>
						</div>
						
					</div>
					<hr>
					<%}}else{%>
					<div class="col-sm-12">
						<div class="text">暂时无相关办理事项</div>
					</div>
					<%}%>
				</div>
			</div>


	<!-- 		<section class="center-block text-center">
				<div class="col-sm-page-12">
					<ul class="pagination">
						<li><a href="" aria-label="First"><span
								aria-hidden="true">首页</span></a></li>
						<li><a href="" aria-label="Previous"><span
								aria-hidden="true">上一页</span></a></li>
						<li><a href="" aria-label="Next"><span aria-hidden="true">下一页</span></a></li>
						<li><a href="" aria-label="Last">尾页</a></li>
					</ul>
				</div>
			</section>  -->

		</div>
      </div>
</section>





<% } %>
<script>
    require(['modules/index'], function (index) {
        index.init();
    });

</script>
</body>
</html>